@function px($px) {
    @return calc($px / 1.5) * 1px;
}


::v-deep .el-dropdown-menu__item:not(.is-disabled):focus {
    color: #000;
    background-color: #f7f7f9;
}


::v-deep .el-pager li:hover {
    color: #000000 !important;
}

::v-deep .el-pager li.is-active {
    color: #000000 !important;
}

::v-deep .el-pagination button:hover {
    color: #000000 !important;
}

::v-deep .el-pager li {
    font-size: px(24) !important;
    margin: 0 px(10);
}

::v-deep .el-pagination .btn-next .el-icon {
    font-size: px(28) !important;
}

::v-deep .el-pagination .btn-prev .el-icon {
    font-size: px(28) !important;
}


.topBox {
    height: px(120);
    width: 100%;
}

.avaerTopBox {
    width: 1280px;
    margin: 0 auto;
    height: px(500);
    // background-color: pink;

    .leftAva {
        width: px(293);
        margin-right: 100px;

        .iconImg {
            width: px(42.6);
            height: px(42.6);
            bottom: px(15);
            right: px(40);
        }

        .avart {
            width: px(293);
            height: px(293);
            border-radius: px(146.5);
        }

        .btn {
            width: px(136);
            height: px(64);
            line-height: px(64);
            background: #02102e;
            border-radius: px(10);
            font-size: px(21);
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: center;
            color: #ffffff;
            margin-top: px(30);
        }
    }

    .avaRig {
        width: px(1400);
        height: px(400);

        // background-color: aqua;
        .topTitle {
            font-size: px(32);
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;

            .review {
                font-size: px(18);
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: LEFT;
                color: #8590a1;
                margin-left: px(40);
            }
        }

        .rigIcon {
            width: 101px;
            height: 36px;
            background: #f7f7f9;
            border-radius: 8px;
            font-size: 14px;
            font-family: Manrope, Manrope-500;
            font-weight: 500;
            text-align: LEFT;
            color: #8590a1;

            .imgIcon {
                width: px(24);
                height: px(24);
                margin-right: px(5);
            }
        }

        .Response {
            margin-top: px(16);
            margin-bottom: px(32);

            .responseItem {
                font-size: px(18);
                font-family: Manrope, Manrope-400;
                font-weight: 400;
                text-align: LEFT;
                color: #8590a1;
                margin-right: px(26);
            }
        }

        .investor {
            font-size: px(24);
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-align: LEFT;
            color: #02102e;
            margin-bottom: px(32);
        }

        .topics {
            margin-bottom: px(20);

            .topicsLef {
                font-size: px(21);
                font-family: Manrope, Manrope-600;
                font-weight: 600;
                text-align: LEFT;
                color: #02102e;
                margin-right: px(16);
            }

            .topicsRight {
                font-size: px(18);
                font-family: Manrope, Manrope-400;
                font-weight: 400;
                text-decoration: underline;
                text-align: center;
                color: #02102e;
                border: px(1.3) solid #dddee1;
                border-radius: px(10);
                padding: px(10) px(21);
                margin-right: px(16);
            }
        }

        .language {
            font-size: px(21);
            font-family: Manrope, Manrope-600;
            font-weight: 600;
            text-align: LEFT;
            color: #02102e;
            margin-bottom: px(32);

            .languageCount {
                font-size: px(21);
                font-family: Manrope, Manrope-400;
                font-weight: 400;
                text-align: LEFT;
                color: #02102e;
                padding-left: px(16);
            }
        }

        .form {
            font-size: px(26);
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;
            margin-bottom: px(32);
        }

        .icon {
            .iconLef {
                font-size: px(16);
                font-family: Manrope, Manrope-400;
                font-weight: 400;
                text-align: LEFT;
                color: #8590a1;
                margin-right: px(32);

                img {
                    width: px(24);
                    height: px(24);
                    margin-right: px(5);
                }
            }
        }
    }
}

.startup {
    width: 1280px;
    // background-color: aqua;
    margin: 0 auto;
    box-shadow: px(5.3) px(5.3) px(16) 0px rgba(2, 16, 46, 0.08);
    border-radius: px(21);
    padding: px(32) px(67);
    margin-bottom: px(42);

    .startupTopLeft {
        height: 100%;
        width: 5%;

        img {
            width: px(24);
            height: px(24);
        }

        // width: ;
    }

    .startupTopRight {
        width: 95%;

        .btns {
            font-size: px(21);
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #ffffff;
            background: #02102e;
            border-radius: px(10);
            padding: px(16) px(20);
        }

        .count {
            width: px(1100);
            font-size: px(26);
            font-family: Manrope, Manrope-600;
            font-weight: 600;
            text-align: LEFT;
            color: #02102e;
        }

        .btn {
            width: px(178);
            height: px(64);
        }
    }

    .botBt {
        width: 100%;
        display: flex;
        justify-content: flex-end;

        .botBtItem {
            width: 95%;
        }

        .textar {
            margin-top: px(30);
            margin-bottom: px(20);
            font-size: px(21);
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-align: LEFT;
            line-height: 1.8;
            color: #02102e;
        }
    }

    .topics {
        margin-bottom: px(20);

        .industry {
            font-size: px(21);
            font-family: Manrope, Manrope-500;
            font-weight: 500;
            text-align: LEFT;
            color: #02102e;
            margin-right: px(40);
        }

        .topicsLef {
            font-size: px(21);
            font-family: Manrope, Manrope-600;
            font-weight: 600;
            text-align: LEFT;
            color: #02102e;
            margin-right: px(16);
        }

        .topicsRight {
            font-size: px(18);
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-decoration: underline;
            text-align: center;
            color: #02102e;
            border: px(1.3) solid #dddee1;
            border-radius: px(10);
            padding: px(10) px(21);
            margin-right: px(16);
        }
    }

    .icon {
        .iconLef {
            font-size: px(16);
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-align: LEFT;
            color: #8590a1;
            margin-right: px(32);

            img {
                width: px(24);
                height: px(24);
                margin-right: px(5);
            }
        }

    }
}

.expert {
    width: 1280px;
    // background-color: aqua;
    margin: 0 auto;
    box-shadow: px(5.3) px(5.3) px(16) 0px rgba(2, 16, 46, 0.08);
    border-radius: px(21);
    padding: px(32) px(67);
    margin-bottom: px(42);

    .topTit {
        font-size: px(26);
        font-family: Manrope, Manrope-600;
        font-weight: 600;
        text-align: LEFT;
        color: #02102e;
        margin-bottom: px(32);
    }

    .count {
        font-size: px(21);
        font-family: Manrope, Manrope-400;
        font-weight: 400;
        text-align: LEFT;
        color: #02102e;
        line-height: 1.8;
    }

    .bodyCon {
        font-size: px(21);
        font-family: Manrope, Manrope-400;
        font-weight: 400;
        text-align: LEFT;
        color: #02102e;
    }

    .imgBox {
        width: 100%;

        .imgTou {
            width: 15%;
            height: px(162);
            margin-right: 2%;
            margin-bottom: px(20);

            &:nth-child(6n) {
                margin-right: 0;
            }
        }
    }
}

.comment {
    width: 1280px;
    // background-color: aqua;
    margin: 0 auto;
    box-shadow: px(5.3) px(5.3) px(16) 0px rgba(2, 16, 46, 0.08);
    border-radius: px(21);
    padding: px(32) px(67);
    margin-bottom: px(42);
    border: px(1.3) solid #f1f2f4;

    .commentList {
        margin-top: px(50);

        .oneBox {
            .oneBoxTop {
                .avaert {
                    width: px(80);
                    margin-right: px(30);

                    img {
                        width: px(80);
                        height: px(80);
                        border-radius: px(40);
                    }
                }

                .avartCount {
                    width: 1280px;
                    height: px(200);
                    // background-color: pink;

                    .name {
                        font-size: px(18);
                        font-family: Manrope, Manrope-700;
                        font-weight: 700;
                        text-align: LEFT;
                        color: #02102e;
                    }

                    .stars {
                        margin-top: px(14);

                        .age {
                            font-size: px(18);
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-align: LEFT;
                            color: #8590a1;
                            margin-right: px(10);
                        }

                        .genin {
                            font-size: px(18);
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-align: LEFT;
                            color: #02102e;
                        }

                        .hengXian {
                            width: 0px;
                            height: px(13.3);
                            border: px(1) solid #8590a1;
                            margin: 0 px(10);
                        }

                        .xingxing {
                            font-size: px(18);
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-align: LEFT;
                            color: #02102e;

                            .xingImg {
                                width: px(24);
                                height: px(24);
                                margin-right: px(8);
                            }
                        }
                    }

                    .icon {
                        font-size: px(16);
                        font-family: Manrope, Manrope-500;
                        font-weight: 500;
                        text-align: LEFT;
                        color: #8590a1;
                        margin-top: px(20);

                        .iconImg {
                            width: px(24);
                            height: px(24);
                            margin-right: px(6);
                        }
                    }

                    .count {
                        font-size: px(18);
                        font-family: Manrope, Manrope-400;
                        font-weight: 400;
                        text-align: LEFT;
                        color: #02102e;
                        line-height: 1.3;
                        margin-top: px(20);
                    }
                }
            }

            .towBoxTop {
                width: 100%;
                margin-top: px(-10);

                .leftTop {
                    width: px(80);
                    margin-right: px(30);
                }

                .boxRig {
                    width: 1280px;
                    // height: 200px;
                    margin: px(30) 0;
                    margin-bottom: px(50);

                    .rigName {
                        .name {
                            font-size: px(18);
                            font-family: Manrope, Manrope-700;
                            font-weight: 700;
                            text-align: LEFT;
                            color: #02102e;
                            margin-bottom: px(8);
                        }

                        .count {
                            font-size: px(18);
                            font-family: Manrope, Manrope-400;
                            font-weight: 400;
                            text-align: LEFT;
                            color: #02102e;
                        }
                    }

                    .avacr {
                        width: px(64);
                        margin-right: px(20);

                        .topImg {
                            width: px(64);
                            height: px(64);
                            border-radius: px(32);
                        }
                    }
                }
            }
        }
    }

    .topImg {
        .startupTopLeft {
            margin-right: px(10);

            .jiantou {
                width: px(24);
                height: px(24);
            }
        }

        .title {
            font-size: px(26);
            font-family: Manrope, Manrope-600;
            font-weight: 600;
            text-align: LEFT;
            color: #02102e;
        }
    }

    .xian {
        width: 100%;
        height: 0px;
        border-bottom: px(1.3) solid #eaebee;
        padding: px(20) 0;
        margin-bottom: px(32);
    }

    .showMore {
        width: px(284);
        background: #ffffff;
        border: px(1.3) solid #f1f2f4;
        border-radius: px(16);
        box-shadow: px(5.3) px(5.3) px(16) 0px rgba(2, 16, 46, 0.08);
        font-size: px(21);
        font-family: Manrope, Manrope-700;
        font-weight: 700;
        text-align: center;
        padding: px(21) 0;
        color: #02102e;
    }

    .reviews {
        position: relative;

        .reviewsBox {
            width: px(530);
            padding: px(26) px(32);
            position: absolute;
            top: px(55);
            right: 0;
            background: #ffffff;
            border: px(1.3) solid #f1f2f4;
            border-radius: px(10);
            box-shadow: px(5.3) px(5.3) px(16) 0px rgba(2, 16, 46, 0.08);

            .reviewsBoxitem {
                border-bottom: px(1.3) solid #eaebee;
                padding-bottom: px(20);
                margin-top: px(20);

                &:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                }

                .leftInp {
                    width: 75px;
                    // width: px(21);
                    // height: px(21);
                    height: 17px;
                    margin-right: px(25);

                    .inpImg {
                        width: 100%;
                        height: 100%;
                    }
                }

                .rigCount {
                    width: 1280px;
                    font-size: px(18.6);
                    font-family: Manrope, Manrope-500;
                    font-weight: 500;
                    text-align: LEFT;
                    color: #02102e;
                }
            }

            .xians {
                width: 100%;
                height: 0px;
                border-bottom: px(1.3) solid #ebecef;
                margin: px(20) 0;
            }
        }

        .reviewsLeft {
            font-size: px(20);
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;
            line-height: px(24);
        }

        .rigFilter {
            border: px(1.3) solid #dddee1;
            border-radius: px(10);
            padding: px(10) px(20);

            .filterImg {
                width: px(16);
                height: px(16);
                margin-left: px(13);
            }
        }
    }
}

.found {
    width: 1280px;
    margin: 0 auto;

    .foundTop {
        margin-bottom: px(60);

        .foundRig {
            .sort {
                font-size: px(21);
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: LEFT;
                color: #02102e;
            }
        }

        .foundLrft {
            font-size: px(37);
            font-family: Manrope, Manrope-700;
            font-weight: 700;
            text-align: LEFT;
            color: #02102e;
        }
    }
}

.more {
    font-size: px(21);
    font-family: Manrope, Manrope-700;
    font-weight: 700;
    text-align: center;
    // padding: px(21) px(42);
    width: px(138);
    height: px(70);
    line-height: px(70);
    color: #02102e;
    margin: 0 auto;
    margin-top: px(-50);
    margin-bottom: px(50);
}

.financialItem {
    margin-bottom: px(50);
    width: 23%;
    height: px(590);
    flex-wrap: nowrap;
    box-sizing: border-box;
    // overflow: hidden;
    margin-right: 2.6%;

    .topAvatr {
        width: 100%;
        height: px(330);
        background-color: #f7f7f9;
        padding: px(14) px(16);
        border-radius: px(21);
        box-sizing: border-box;

        .Star {
            width: px(24);
            height: px(21);
            margin-right: px(8);
            box-sizing: border-box;
        }

        .strNum {
            font-size: px(16);
            font-family: Manrope, Manrope-500;
            font-weight: 500;
            text-align: LEFT;
            color: #8590a1;
            box-sizing: border-box;
        }
    }

    .avatr {
        margin-top: px(34);
        justify-content: space-evenly;
        box-sizing: border-box;

        .leftAva {
            width: px(157);
            height: px(157);
            border-radius: 50%;
            box-sizing: border-box;

            .avater {
                width: px(157);
                height: px(157);
                border-radius: 50%;
                overflow: hidden;
                box-sizing: border-box;
                object-fit: cover;
            }
        }

        .address {
            box-sizing: border-box;

            .name {
                font-size: px(21);
                font-family: Manrope, Manrope-800;
                font-weight: 800;
                text-align: center;
                color: #02102e;
                box-sizing: border-box;
            }

            .cof {
                font-size: px(21);
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: center;
                box-sizing: border-box;
                color: #02102e;
                margin: px(13) 0;
            }

            .addre {
                font-size: px(21);
                font-family: Manrope, Manrope-500;
                font-weight: 500;
                text-align: center;
                color: #02102e;
                box-sizing: border-box;

                .imgAva {
                    width: px(16);
                    height: px(18.6);
                    margin-right: px(6.6);
                    box-sizing: border-box;
                }
            }
        }
    }

    .topice {
        box-sizing: border-box;
        margin-top: px(37);

        .topTit {
            font-size: px(21);
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-align: LEFT;
            color: #02102e;
            margin-right: px(5);
            box-sizing: border-box;
        }

        .topiceBox {
            border: px(1.8) solid #c1c5cb;
            box-sizing: border-box;
            border-radius: px(10);
            padding: px(5) px(8);
            font-size: px(18);
            font-family: Manrope, Manrope-400;
            font-weight: 400;
            text-decoration: underline;
            text-align: LEFT;
            color: #02102e;
            text-decoration: underline;
            margin-right: px(5);

            &:last-child {
                margin-right: 0;
            }
        }
    }

    .count {
        box-sizing: border-box;
        margin: px(35) 0;
        padding: 0 px(20);
        font-size: px(24);
        font-family: Manrope, Manrope-400;
        font-weight: 400;
        text-align: LEFT;
        color: #02102e;
        display: -webkit-box;
        /* 使用弹性盒子布局 */
        -webkit-box-orient: vertical;
        /* 垂直排列子元素 */
        overflow: hidden;
        /* 隐藏溢出的内容 */
        -webkit-line-clamp: 3;
        /* 显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直排列子元素 */
        text-overflow: ellipsis;
        /* 显示省略号 */
    }

    .btn {
        box-sizing: border-box;
        width: px(133);
        height: px(50);
    }
}

.financialItem:nth-child(4n) {
    margin-right: 0;
}

.el-dropdown-link {
    font-size: px(21);
    display: flex;
    align-items: center;
    padding: px(10) px(16);
    background: #ffffff;
    color: #02102e;
    margin-left: px(20);
    border-radius: 10.67px;
    border: px(1.3) solid #f1f2f4;
    box-shadow: px(5.3) px(5.3) px(16) 0px rgba(2, 16, 46, 0.08);
}